<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.w810{ width:810px;}
ul.nav{ list-style:none; margin:0px; padding:0px; width:810px; background:url(images/bg_nav.jpg) top left repeat-x; height:25px;}
ul.nav li{ padding:0px; margin:0px; float:left;}
ul.nav li a{ display:block; padding:5px 10px 5px 10px; color:#5d5d5d; font-weight:bold; text-decoration:none;}
.bg_trans{ background:url(images/bg_trans.png) top left repeat; padding:8px 0px 8px 0px; color:#fff; text-align:center;}
.abs1{ position:absolute; left:0px; bottom:0px;}
.abs2{ position:absolute; top:0px; right:0px; padding:12px 12px 12px 12px; font-size:16px;}
.po{ position:relative;}
.p15t{ padding-top:15px;}
.w190{ width:190px;}
.w190 a{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#fff; text-decoration:none; display:block;}
.w190 img{ width:190px; height:120px; border-top:2px solid #000; overflow:hidden;}
.bg_gray{ background:#666666; text-align:center; color:#fff; padding:8px 0px 8px 0px;}
.bg_black{ background:#000000; text-align:center; color:#fff; padding:8px 0px 8px 0px;}
ul.pages{ list-style:none; margin:0px; padding-top:20px; padding-left:0px; float:right; padding-right:6px;}
ul.pages li{ float:left; margin-right:2px;}
ul.pages li a{ display:block; padding:3px 8px 3px 8px; text-align:center; color:#fff; background:#a3a3a3; text-decoration:none;}
ul.pages li a:hover{background:#000000;}
ul.pages li a.curr{background:#000000;}
.fs14{ font-size:14px;}
</style></head>

<body>
<table cellpadding="0" cellspacing="0" align="center" class="w810">
  <tr>
    <td>
    	<ul class="nav">
        	<li><a href="#">Om oss</a></li>
            <li><a href="#">Kontakt oss</a></li>
            <li><a href="#">Tilbehør Musikk </a></li>
            <li><a href="#">Om oss</a></li>
            <li><a href="#">Kontakt oss</a></li>
            <li><a href="#">Tilbehør Musikk </a></li>
            <li><a href="#">Om oss</a></li>
            <li><a href="#">Kontakt oss</a></li>
            <li><a href="#">Tilbehør Musikk </a></li>
            
        </ul>
        <div style="clear:both"></div>
    </td>
  </tr>
  <tr>
  	<td><img src="images/banner.jpg" alt=""/>
    	<div class="w810 po">
        <div class="abs1 bg_trans w810 fs14">
        	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard 
        </div>
        </div>
    </td>
  </tr>
  <tr>
  
  </tr>
</table>
<table class="w810" cellpadding="0" cellspacing="0" align="center";>
  <tr>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
   
  </tr>
  <tr>
    <td width="25%" align="center" valign="top">
    	<div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div>
    </td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
  </tr>
  <tr>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
    <td width="25%" height="30">
    	
    </td>
   
  </tr>
  <tr>
    <td width="25%" align="center" valign="top">
    	<div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div>
    </td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
    <td width="25%" align="center" valign="top"><div class="w190 po">
        	<div class="abs2 bg_trans"><b>30</b></div>
        	<img src="images/img1.png" alt="" />
            <div class="bg_gray w190">Lorem Ipsum is simply dummy </div>
            <div class="bg_black w190"><a href="#">Stem</a></div>
        </div></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" class="w810" align="center";>
  <tr>
    <td align="right">
    	<ul class="pages">
        	<li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#" class="curr">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
        <div style="clear:both"></div>
    </td>
  </tr>
</table>


</body>
</html>
